import 'package:flutter/material.dart';

class ContainerPage extends StatelessWidget {
  const ContainerPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('Text'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(20.0),
        child: ListView(

          children:  [
              Center(
                child: Container(
                  width: 100,
                  height: 100,
                  color: Colors.red,

                ),
              ),
            const SizedBox(height: 20,),
            Center(
              child: Container(
                width: 100,
                height: 100,
                color: Colors.blue,
                padding: const EdgeInsets.all(20),
                alignment: Alignment.topCenter,
                child: Container(
                  width: 20,
                  height: 20,
                  color: Colors.green,
                ),
              ),
            ),

            const SizedBox(height: 20,),
            Center(
              child: Container(
                width: 100,
                height: 100,
                decoration: const BoxDecoration(
                  shape: BoxShape.circle,
                  color: Colors.green
                ),

              ),
            ),

            const SizedBox(height: 20,),
            Center(
              child: Container(
                width: 100,
                height: 100,
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(20),
                    color: Colors.deepPurple,
                  gradient: const LinearGradient(
                    begin: Alignment.centerLeft,
                    end: Alignment.centerRight,
                    colors: [Colors.black,Colors.deepOrange]
                  )
                ),

              ),
            ),
          ],
        ),
      ),
    );
  }
}
